<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.prime.com.tr/ui">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<p:resources />
</head>
<body>
<h:panelGroup layout="block"
    style="margin: 0 auto 0 auto; width: 768px;">
    <h:form>
        <h:inputTextarea id="textArea" rows="4" cols="64"
            value="#{twitAdder.text}" style="width: 100%;" />
        <h:commandButton id="submit" value="Add"
            action="#{twitAdder.add}">
        </h:commandButton>
    </h:form>

    <ui:repeat value="#{twitViewer.twits}" var="twit">
        <p:panel footer="#{twit.date}">
            <h:outputText value="#{twit.text}" />
        </p:panel>
    </ui:repeat>

</h:panelGroup>
</body>
</html>